@import 'src/assets/scss/common';
.position-top-poster-sidebar{
  // top: 31px !important;
}
.poster-sidebar {
  position: absolute;
  box-sizing: border-box;
  top: 0px;
  left: 0;
  height: 100vh;
  width: 80px;
  padding-top: 80px;
  background-color: #fff;
  z-index: 8;
  .reback-edition{
    width: 100%;
    text-align: center;
  }
  .side-btns {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    background-color: #fff;
    .change-edit{
      color: #5E6D82;
      padding-left: 5px;
      &:hover{
        color: #409EFF;
        text-decoration: underline;
      }
    }
    li {
      box-sizing: border-box;
      display: flex;
      width: 100%;
      height: 70px;
      margin-bottom: 10px;
      border-left: 3px solid transparent;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s;
      &:hover,
      &.active {
        color: $primary;
        border-left-color: $primary;
        background-color: #f4faff;
      }
    }
    .side-icon {
      font-size: 30px;
      line-height: 1;
      margin-bottom: 4px;
    }
  }
}
